import React, { Component } from 'react';
import { connect } from 'dva';
import { Link, routerRedux } from 'dva/router';
import { Flex ,Icon} from 'antd-mobile';
import NavTopBar from '../../components/NavTopBar/NavTopBar';
import logo from"../../assets/svg/logo.svg";
import storeEwm from"../../assets/svg/storeLogo.svg";

class AboutLM extends Component {
    constructor(props) {
        super(props);
        this.state = {
            detaList:[]
        };
    }

    componentWillMount(){

    }

    render() {
        return (
            <Flex style={{
                height:"100%"
            }} direction="column">
                <NavTopBar title="关于" dispatch={this.props.dispatch}/>
               <Flex style={{width:'100%',height:'100%'}}direction="column">
                   <div style={{width:'20%',height:'13%',background:'#fff',margin:'1rem 0 .3rem 0'}}>
                       <Icon style={{width:'100%',height:'100%'}} type={logo.id}></Icon>
                   </div>
                   <div style={{fontSize:'.4rem',marginBottom:".2rem"}}>名食汇电商</div>
                   <div style={{fontSize:'.25rem'}}>For  Iphone V6.0-1</div>
                   <div style={{width:'40%',height:'25%',margin:'.5rem 0 .3rem 0'}}>
                       <Icon style={{width:'100%',height:'100%'}} type={storeEwm .id}></Icon>
                   </div>
                   <div>扫描二维码，您的朋友可以下载名食汇客户端</div>
                   <div style={{paddingTop:'30%',textAlign:'center'}}>
                       <div style={{marginBottom:".3rem"}}>Copyrign 2012-2018</div>
                       <div>名食汇版权所有</div>
                   </div>
               </Flex>

            </Flex>
        );
    }
}


export default connect(({accountManagement}) => ({accountManagement}))(AboutLM);
